<template>
	<div class="tpl">
		<mt-swipe :auto="2000">
			<mt-swipe-item><img src="../../assets/images/room1.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../assets/images/room2.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../assets/images/room3.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../assets/images/room4.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../assets/images/room5.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../assets/images/room6.jpg"></mt-swipe-item>
		</mt-swipe>
	</div>
</template>

<script>
	export default {
		prop: ["imgSrc"],
		data() {
			return {

			}
		}

	}
</script>

<style>
	.tpl {
		margin: 40px 0;
	}
	
	.mint-swipe {
		height: 350px;
	}
	
	.mint-swipe-item img {
		width: 100%;
		height: 100%;
	}
	
</style>